@import './reset.less';
@import './normalize.less';

body {
	background-color: #fff;
}
.ihwpay {
	&>.title {
		width: 100%;
		height: 0.5rem;
		line-height: 0.5rem;
		background-color: #fff;
		position: relative;
		box-shadow: 0 0.02rem 0.04rem 0 rgba(0,0,0,0.07);
		i {
			position: absolute;
			left: -0.05rem;;
			font-size: 0.2rem;
			color: #666;
			margin-left: 0.19rem;
		}
		span {
			float: right;
			font-family: PingFangSC-Medium;
			font-size: 0.17rem;
			color: #303030;
			text-align: center;
			width: 100%;
			height: 100%;
		}
	}
	.cas {
		width: 100%;
		.cas-top {
			width: 100%;
			height: 2.11rem;
			padding-top: 0.56rem;
			position: relative;
			&.park {
				background-image: url('/src/images/case1.png');
				background-position: center center;
				background-size: auto 100%;
				background-repeat: no-repeat;
				.xian {
					background-color: #FF8F1E;
				}
				.cas-top-title {
					width: 1.5rem !important;
				}
				.content {
					width: 0.83rem !important;
				}
			}
			&.yujie {
				background-image: url('/src/images/case2.png');
				background-position: center center;
				background-size: auto 100%;
				background-repeat: no-repeat;
				.xian {
					background-color: #00BF55;
				}
			}
			&.zhiyao {
				background-image: url('/src/images/case3.png');
				background-position: center center;
				background-size: auto 100%;
				background-repeat: no-repeat;
				.xian {
					background-color: #0FF3DA;
				}
			}
			&.people {
				background-image: url('/src/images/case4.png');
				background-position: center center;
				background-size: auto 100%;
				background-repeat: no-repeat;
				.xian {
					background-color:#2D8FCC;
				}
			}
			.cas-top-title {
				overflow: hidden;
				height: 0.48rem;
				line-height: 0.48rem;
				margin: 0 auto;
				width: 1.8rem;
				text-align: center;
				img {
					float: left;
					width: 0.48rem;
					height: 0.48rem;
				}
				.xian {
					float: left;
					width: 0.02rem;
					height: 0.2rem;	
					margin-top: 0.13rem;
					margin-left: 0.12rem;
					margin-right: 0.05rem;
				}
				.content {
					float: left;
					width: 1.13rem;
					font-family: PingFangSC-Semibold;
					font-size: 0.26rem;
					color: #FFFFFF;
					text-align: right;
				}
			}
			.cas-top-intro {
				position: absolute;
				bottom: 0.12rem;
				height: 0.44rem;
				width: 100%;
				text-align: center;
				font-family: PingFangSC-Regular;
				font-size: 0.16rem;
				color: #F8F8F8;
				text-align: center;
				line-height: 0.2rem;
			}
		}
		.cas-bottom {
			width: 100%;
			padding-left: 0.15rem;
			h6 {
				height: 0.51rem;
				line-height: 0.51rem;
				font-family: PingFangSC-Semibold;
				font-size: 0.17rem;
				color: #333333;
				text-align: left;
			}
			p {
				font-family: PingFangSC-Regular;
				font-size: 0.16rem;
				color: #666666;
				line-height: 24px;
			}
		}
	}


	.footer {
		width: 100%;
		background: #333333;
		height: 0.72rem;
		padding-top: 0.17rem;
		text-align: center;
		position: fixed;
		bottom: 0;
		img {
			width: 0.2rem;
			height: 0.2rem;
			vertical-align: text-top;
			margin-right: 0.05rem;
		}
		p {
			font-family: PingFangSC-Regular;
			font-size: 0.13rem;
			color: #CCCCCC;
			line-height: 0.18rem;
		}
	}
		

}